import { Tabs, Tab } from '@material-ui/core';
import Link from 'next/link';
import { useRouter } from 'next/router';

export default function () {
  const router = useRouter();
  return <Tabs aria-label="simple tabs example">
    {NavConfig.map(nav => <Link href={nav.href}><Tab label={nav.label} /></Link>)}
  </Tabs>
}

const NavConfig = [{
  label: '标签',
  href: '/tags'
}, {
  label: '归档',
  href: '/archive'
}, {
  label: '关于',
  href: '/about'
}, {
  label: 'Screeps',
  href: '/tags/screeps'
}, {
  label: 'Demos',
  href: '/demos'
}]